<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首都医科大学附属小学</title>
		<meta name="description" content="首都医科大学附属小学（原右安门第一小学），学校地处南二环，西邻丽泽商务区，东临北京南站，位于开阳里社区中心。" />
		<meta name="keywords" content="右安门一小 右安门 首都医科大学附属小学 北京 一小  右安门 和文化 教育" /><meta name="author" content="say"/>
		<link rel="shortcut icon" href="../../static/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../../static/font/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/css/student.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/css/theme-green.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/css/jquery.dialogbox.css" />
		<script type="text/javascript" src="../../static/js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript" src="../../static/js/main.js" ></script>
		<style>
			label {font-size:30px;display:none;cursor:pointer;position: absolute;z-index:300;top:50%;margin-top:-25px;left: 50%;margin-left:-15px;box-sizing: border-box;width: 30px;height: 30px;}
label i {font-size:30px;font-style:normal;display:inline-block;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;color:#fff;vertical-align:middle;}
input[type="checkbox"],input[type="radio"] {display:none;}
input[type="radio"] + i {border-radius:50%;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {background:#2489c5;}
input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}
		</style>
	</head>
	<body>
		<div class="header-top-fixed">
			<div class="w1080">
				<ul class="top-navbar">
					<li><a href="#">门户网站</a></li>
					<li><a href="#">德育信息</a></li>
					<li><a href="#">七彩少年</a></li>
					<li><a href="#">和雅教师</a></li>
					<li><a href="#">微课学习</a></li>
					<li><a href="#">微探交流</a></li>
				</ul>
				<ul class="navbar-right">
					<li><a href="#">返回首页</a></li>
					<li><a href="#">退出</a></li>
				</ul>
			</div>
		</div>
		<div class="header">
			<div class="user-div">
				<img src="../../static/images/users.jpg"/>
			</div>
			<div class="header-con">
				<h2>首医附小学生空间</h2>
				<div class=" user-msg">
					<a href="#">
						<span id="">
							李彩优
						</span>
					</a>
					<div class="fenshu">
						<a href="#" class="jifen">
							<i></i>
							积分
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
						<a href="#" class="xunz">
							<i></i>
							勋章 
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
					</div>
					<div class="clear"></div>
					<div class="header-navbar">
						<ul>
							<li><a href="#">个人中心</a></li>
							<li><a href="#">个人空间</a></li>
							<li class="active"><a href="#">德育信息</a></li>
							<li><a href="#">微课学习</a></li>
							<li><a href="#">微探交流</a></li>
							<li><a href="#">艺术与鉴赏</a></li>
							<li><a href="#">社团活动</a></li>
							<li><a href="#">更多</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="point-div stu-d">
				<ul>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-bell-o"></i>
							<span id="">
								11
							</span>
						</a>
						<span id="">
							消息
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-commenting-o"></i>
							<span id="">
								23
							</span>
						</a>
						<span id="">
							评论
						</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="containter">
			<div class="sider">
				<div class="con-div sider-div">
					<div class="sider-top">
						德育信息
					</div>
					<div class="sider-con zhandian">
						<ul>
							<li><a href="#"><i class="icon icon-dangan "></i>查看德育细则</a></li>
							<li class="actived"><a href="#"><i class="icon icon-dangan "></i>四级评价</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>课下评价</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>我的评价记录</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="content content-lg">
				<div class="main-div con-div">
					<div class="main-top">
						<ul class="tab-btn">
							<li class="top-seclect"><a href="#">四级评价</a></li>
						</ul>
					</div>
					<div class=" con-list">
						<ul class="shetuan fourp">
							<li id="btn-auto-close" value="click me" class="add-check">
								<label>
									<input type="checkbox"  name="checkbox" checked="checked"><i>✓</i>
								</label>
								<a href="#" class="dian-we">
									<img src="../../static/images/prize1.jpg"/>
								</a>
								<div class="wz">
									<b>刘倩倩</b>
									<input type="button" class="fp btn-type"  value="去评价" />
								</div>
							</li>
							<li class="add-check">
								<label>
									<input type="checkbox"  name="checkbox" checked="checked"><i>✓</i>
								</label>
								<a href="#">
									<img src="../../static/images/prize2.jpg"/>
								</a>
								<div class="wz">
									<b>刘倩倩</b>
									<input type="button" class="fp btn-type"  value="去评价" />
								</div>
							</li>
							<li class="add-check">
								<label>
									<input type="checkbox"  name="checkbox" checked="checked"><i>✓</i>
								</label>
								<a href="#">
									<img src="../../static/images/prize2.jpg"/>
								</a>
								<div class="wz">
									<b>刘倩倩</b>
									<input type="button" class="fp btn-type"  value="去评价" />
								</div>
							</li>
							<li class="add-check">
								<label>
									<input type="checkbox"  name="checkbox" checked="checked"><i>✓</i>
								</label>
								<a href="#">
									<img src="../../static/images/prize2.jpg"/>
								</a>
								<div class="wz">
									<b>刘倩倩</b>
									<input type="button" class="fp btn-type"  value="去评价" />
								</div>
							</li>
							<li class="add-check">
								<label>
									<input type="checkbox"  name="checkbox" checked="checked"><i>✓</i>
								</label>
								<a href="#">
									<img src="../../static/images/prize2.jpg"/>
								</a>
								<div class="wz">
									<b>刘倩倩</b>
									<input type="button" class="fp btn-type"  value="去评价" />
								</div>
							</li>
							<li class="add-check">
								<label>
									<input type="checkbox"  name="checkbox" checked="checked"><i>✓</i>
								</label>
								<a href="#">
									<img src="../../static/images/prize2.jpg"/>
								</a>
								<div class="wz">
									<b>刘倩倩</b>
									<input type="button" class="fp btn-type"  value="去评价" />
								</div>
							</li>
							<li class="add-check">
								<label>
									<input type="checkbox"  name="checkbox" checked="checked"><i>✓</i>
								</label>
								<a href="#">
									<img src="../../static/images/prize2.jpg"/>
								</a>
								<div class="wz">
									<b>刘倩倩</b>
									<input type="button" class="fp btn-type"  value="去评价" />
								</div>
							</li>
							<li class="add-check">
								<label>
									<input type="checkbox"  name="checkbox" checked="checked"><i>✓</i>
								</label>
								<a href="#">
									<img src="../../static/images/prize2.jpg"/>
								</a>
								<div class="wz">
									<b>刘倩倩</b>
									<input type="button" class="fp btn-type"  value="去评价" />
								</div>
							</li>
							
						</ul>
						<div class="clear"></div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		<div class="clear"></div>
		</div>
		<div class="footer"> 
			<p>© 2015-2016 DHHC 版权所有</p>
		  	<p>版权号</p>
		</div>
<div id="type-dialogBox"></div>
<script src="../../static/js/jquery.dialogBox.js"></script>
<script type="text/javascript">
	
$(function(){
	var $radiog=$("<div></div>");
	var $diainput=$("<input type='radio' id='pub' checked='checked' name='quanxian' value='pub'/>");
	var $dialabel=$("<label name='pub' for='pub' class='checked belate'>迟到</label>");
	var $diainput2=$("<input type='radio' id='pre'  name='quanxian' value='pre'/>");
	var $dialabel2=$("<label name='pre' for='pre' class=' beleave'>早退</label>");
	var $textarea=$("<textarea rows='4'>迟到评价：</textarea>");
//	var $textarea2=$("<textarea rows='4'>早退评价：</textarea>");
	//type dialogBox
	$('.btn-type').click(function(){
		$('#type-dialogBox').dialogBox({
			type: 'correct',  
			width: 400,
			height: 300,
			hasMask: true,
			hasClose: true,
			hasBtn: true,
			effect: 'sign',
			title: '评价'
		});
		$(".dialog-box-content").append($radiog);
		$($radiog).attr('class', 'radiog');
		$(".radiog").append($diainput);
		$(".radiog").append($dialabel);
		$(".radiog").append($diainput2);
		$(".radiog").append($dialabel2);
//		$(".radiog").append($textarea);
		return false;
		});
		
		$('.radiog label').click(function(){
		    var radioId = $(this).attr('name');
		    $('.radiog label').removeAttr('class');
		    $(this).attr('class', 'checked');
		    $('input[type="radio"]').removeAttr('checked');
		    $('#' + radioId).attr('checked', 'checked');
		 });
		$(".add-check").toggle(function(){
			$(this).children("label").show();
			$(this).addClass("checked-me");
		},function(){
			$(this).children("label").hide();
			$(this).removeClass("checked-me");
		});
	})
</script>
	</body>
</html>
